<ion-view id="category" view-title="商品分类" hide-back-button="true" cache-view="false">
  <ion-content class="scroll-content  has-header" scroll="false">
    <header id="header">
      <!--<div class="header-left" ng-click="goBack()">-->
      <!--<span></span>-->
      <!--</div>-->
      <a class="header-center">
        <span><input placeholder="请输入目的地或关键字"></span>
      </a>

      <div class="header-right">
        <span></span>
      </div>
    </header>
    <!-- 身体部分开始-->
    <nav id="nav">
      <ul>
        <li ng-class="$index==0?'nav-current':'nav-blur'" ng-repeat="item in categoryData"
            ng-click="categoryLeftClick($event);getCategoryDetailData(item.typeNumber)">{{item.name}}
        </li>
      </ul>
    </nav>
    <div id="pro">
      <ion-content>
        <!-- lazy-scroll-->
        <div class="pro-scroll">
          <div class="pro-warp">
            <div class="content">

              <div class="content-body">

                <li class="content-body-list" ng-repeat="item in categoryDetailData">
                  <!-- ui-sref="details({typeNumber:{{item.typeNumber}}})"-->
                  <!-- goodsList({typeNumber:{{item.typeNumber}}})-->
                  <a ng-href="#/details/{{item.typeNumber}}">
                    <img src="{{item.src}}" alt="{{item.title}}">
                  </a>
                  <!-- image-lazy-loader="lines"
                  image-lazy--->
                  <span><h4>{{item.title}}</h4></span>
                  <span><h5>{{item.content}}</h5></span>
                </li>
                <p class="" style="transform: perspective(600px) rotateX(0deg);">已加载显示完全部内容</p>
              </div>

            </div>
          </div>
        </div>
      </ion-content>

    </div>
  </ion-content>
</ion-view>

